<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Notifications Internals</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
  </head>
  <body>
    <h1>Notifications Internals</h1>
    <h4>Notification Scheduler</h4>
    <table id="notification-scheduler-request">
      <tr>
        <td>Url:</td>
        <td>
          <input id="notification-scheduler-url" type="url"
              placeholder="http://www.example.com">
        </td>
      </tr>
      <tr>
        <td>Title:</td><td><input id="notification-scheduler-title"
            type="text" placeholder="Notification title">
        </td>
      </tr>
      <tr>
        <td>Message:</td><td><input id="notification-scheduler-message"
            type="text" placeholder="Notification message">
        </td>
      </tr>
    </table>
    <div>
      <button id="schedule-notification">Schedule</button>
    </div>
    <script type="module" src="notifications_internals.js"></script>
  </body>
</html>
